<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登陆页面</title>
    <link rel="stylesheet" type="text/css" href="static/login/css/login.css">
    <script type="text/javascript" src="static/login/js/jquery.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $(".name input").focus(function(){
                $(this).prev("i").css({"background-image":"url(static/login/img/user2.png)"});
            });
            $(".name input").blur(function(){
                $(this).prev("i").css({"background-image":"url(static/login/img/user1.png)"});
            });
            $(".password input").focus(function(){
                $(this).prev("i").css({"background-image":"url(static/login/img/password2.png)"});
            });
            $(".password input").blur(function(){
                $(this).prev("i").css({"background-image":"url(static/login/img/password1.png)"});
            });
        });
    </script>
</head>
<body>
    <div class="container">
        <div class="wrap">
            <header><center><span>Flask Web</span></center></header>
            <article>
                <section>
                    <aside>
                        <em>
                            <img src="static/login/img/user.png">
                        </em>
                         <form action="success.html" method="post">
                            <p class="name"><i></i><input type="text" name="tel"  required="required type="   maxlength=”11” placeholder="请输入登录账号ID"></p>
                            <p class="password"><i></i><input type="password" name="password" class="pwd" placeholder="请输入密码(8-12个字符)"></p>
                            <button>登录</button>

                            <p class="regist"><span>没有账号?</span><a href="regist.html">立即注册</a></p>
                            <p class="regist"><span>忘记密码?</span><a href="forget.html">忘记密码</a></p>
                            <div class="clear"></div>
                        </form>
                    </aside>

                </section>
            </article>
            <footer>

                <p>本网站版权归我所有，未经许可，不得转载。 </p>
            </footer>
        </div>
    </div>
</body>
</html>
